<head>
    <title>文章分类</title>

    <style>
        .categoryFu button {
            width: 200px;
            height: 70px;
            background-color: #1890ff;
            border-radius: 10px 10px 0 0;
            margin-top: 30px;
            display: block;
            color: white;
            border: 0;
            transition: all 0.3s;
            cursor: pointer;
        }

        .categoryFu button:hover {
            box-shadow: 10px 10px 10px #ccc;
        }
    </style>

</head>
<div class="categoryFu">

    <button class="categoryButton" value=1>军事</button>

    <button class="categoryButton" value=2>娱乐</button>

    <button class="categoryButton" value=3>生活</button>

    <button class="categoryButton" value=4>体育</button>

    <button class="categoryButton" value=5>政治</button>

    <button class="categoryButton" value=6>金融</button>

</div>